<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>不同浏览器下实现分享</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <input type="button" value="分享" id="share">
    <!-- 自定义弹层-->
    <div class="mask">
        <div class="shareLinks">
            <h3 class="shareTitle">分享</h3>
            <div class="shareLists">
                <a class="msb_network_button wx" target="_blank">
                    <img src="images/wx.png">
                    <p>微信</p>
                </a>

                <a class="msb_network_button wx" target="_blank">
                    <img src="images/wxFriend.png">
                    <p>朋友圈</p>
                </a>

                <a class="msb_network_button qq" onclick="call('qqFriend')" target="_blank">
                    <img src="images/qq.png">
                    <p>QQ</p>
                </a>

                <a class="msb_network_button qZone" onclick="call('qZone')" target="_blank">
                    <img src="images/qzone.png">
                    <p>空间</p>
                </a>
            </div>
            <div class="cancelShare">
                <input type="button" value="取消">
            </div>
        </div>
    </div>

    <!-- QQ 微信内置中的指示图标 -->
    <div class="tip">
        <img src="./images/tip.png">
    </div>

</body>
<script src="./js/rem.js"></script>
<script src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="./js/jquery1.7.2.js"></script>
<script src="./js/NativeShare.js"></script>
<script src="./js/index.js"></script>
</html>